<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <script type="text/javascript">
function validateForm()
{
var x=document.forms["login"]["password"].value;
var y=document.forms["login"]["username"].value;
if (x == '' || y == ''){
  document.getElementById('loginerror').style.visibility='visible';
  return false;
  }else{
    document.getElementById('loginerror').style.visibility='hidden';
    return true;
  }
}
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/body_css.css" />
<link rel="stylesheet" type="text/css" href="/jQueryUI/css/custom-theme/jquery-ui-1.8.16.custom.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jQueryUI/js/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="js/plugins/cycle_pl.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<title>template</title>
</head>
<body><center>
  <div class="header">
    <div style="position:absolute;right:12%;top:1%">
      <form action="data/login.php" method="post" name="login" width="600px";>
          <div style="position:relative"> <input type="text" name="username" value="username"/>-
          <input type="password" name="password" value="password"/>
          <input type="submit" value="login" id="validate" onclick="return validateForm()"/></div>
      </form><br>
      <div style="position:relative;">
        <?php 
      if($_REQUEST['status'] != '') 
        echo 'Login '.$_REQUEST['status'].'!'?>
      </div>
    </div>
    <div style="visibility:hidden;position:relative;top:80px;" id="loginerror"><h3>All fields are requiered!</h3></div>
    <div id="menu_bar">
      <div>
        <input type="submit" value="Home" class="menu-bar">
        <input type="submit" value="News" class="menu-bar">
        <input type="submit" value="Media" class="menu-bar">
        <input type="submit" value="Play" class="menu-bar">
        <input type="submit" value="About" class="menu-bar">
       </div>
    </div>
  </div>
  <div class="main-body">
    <div class="right-pane">
      <div style="position:absolute;top:1%">
        <div id="feature" class="content1" style="left:10px;top:1%;width:1200px;">
          <h3>Features</h3>
          <div class="content" style="width:1122px;">
            <div id='comercial' style="width:1000px;height:300px">
              <div classs="com-text">ergrthrth regrthrtyhjnrt regrthrtyhjnrt regrthrtyhjnrt
              <img src='images/1.jpg' ><img></div>
              <div classs="com-text"><img src='images/2.jpg' ><img>regrthrtyhjnrt</div>
              <div classs="com-text"><img src='images/3.jpg' ><img>trhrthrthrt</div>
              <div classs="com-text"><img src='images/ar18.jpg' ><img>thrthrtht</div>
              <div classs="com-text"><img src='images/er.jpg' ><img>thrthtrhrt</div>
              <div classs="com-text"><img src='images/helmet.jpg' ><img>thrthrth</div>
            </div>
          </div>
        
        </div>
        
        <div class="content" style="left:10px;top:350px;width:1200px;height:150px">
          <div style="position:relative;float:left"><a id="btn-register" style="font-family:Arial;font-size:20px;" href="http://127.0.0.1/pilot_ER/data/register.php">Register</a></div>
        </div>
      </div>
    </div>
    <div id="disclaimer" class="footer">Disclaimer</div>
  </div>
  
</center>  
</body>
</html>